body {
  text-align: center;
  background: linear-gradient(rgb(22, 64, 143), rgb(14, 245, 233));
  /* or plum pink */
  font-family: 'Trebuchet MS';
  color: black;
}

#Portrait {
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.75);
  animation: bounce 2s;
}

#Resume {
  border-radius: 0%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.75)
}

h2 {
  font-size: 18px;
}

a {
  background-color: white;
  font-size: 20px;
  border-radius: 10px;
  padding: 10px;
  display: block;
  text-align: center;
  margin: 20px;
  color: slateblue;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.75);
  /*The first value sets the shadow's horizontal position, the second value sets its vertical position, the third value defines the blur radius, and the last value specifies the color and transparency.*/
  transition: transform 0.5s ease;
}

a:hover {
  color: rgb(14, 245, 233);
  background-color: rgb(22, 64, 143);
  transform: scale(1.05);
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}